<!DOCTYPE html>
<html>
  <head>
    <title>FriendsFries</title>

    <link rel="stylesheet" href="css/styles.css" />

  </head>
  <body>
    <div class="page">
      <header class="page__header">
        <h1 class="page__title">Layout Tools for Susy</h1>
      </header>
      <main class="page__body">
        <section class="page__section">
          <div class="spanner spanner--main">This spans <span class="spanner__counter"></span> columns.</div>
          <div class="spanner spanner--right">This spans <span class="spanner__counter"></span> columns.</div>
        </section>
      </main>
      <footer class="page__footer">
        <ul class="links">
          <li class="links__item"><a href="https://github.com/oliverwehn/layout-tools-for-susy" title="GitHub">GitHub</a></li>
          <li class="links__item"><a href="http://oliverwehn.com" title="Author’s Website">Author’s Website</a></li>
      </footer>
    </div>
  </body>
</html>